@use 'sass:map';
@use './colors' as *;

@mixin glow-effect($type) {
  $shadow: map.get(map.get($color-shadow, $type), base);
  box-shadow: unquote($shadow);

  &:hover {
    $shadow-hover: map.get(map.get($color-shadow, $type), lg);
    box-shadow: unquote($shadow-hover);
  }
}

@mixin text-glow($color) {
  text-shadow: 0 0 5px $color, 0 0 10px rgba($color, 0.7);
}